<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<%@ include file="../../common/jsp/sheetHeader.jsp" %>
<script>
	$(document).ready(function() {
		createSheet();
	});
	
	function createSheet() {
		createIBSheet2(document.getElementById("viewArea"),"mySheet","100%","400px");
		
		var cfg = {FrozenCol:0, SearchMode:smLazyLoad, Page:30};
		
		var headers = [ {Text:"NO|상태|삭제|문자열|콤보|콤보에디트|팝업|팝업에디트|자동합계|자동평균|정수|실수|날짜|패스워드|체크박스|라디오|", Align:"Center"} ];
		var info = {Sort:1, ColMove:1, ColResize:1, HeaderCheck:0};
		
		var approx = parseInt($("#approx option:selected").val());
		
		var col = [
					{Type:"Seq", Align:"Right", VAlign:"Middle"},
					{Type:"Status", Align:"Center"},
					{Type:"DelCheck"},
					{Type:"Text", KeyField:1, Align:"Center"},
					{Type:"Combo", Width:80, ComboText:"대기|진행중|완료", ComboCode:"01|02|03",PopupText:"대기|진행중|완료"},
					{Type:"ComboEdit", Width:80, ComboText:"고려대학교|고려대학교2|국민대학교|서울대학교|숙명여자대학교|연세대학교|울산대학교|울산과학기술대학교|이화여자대학교|인천대학교|인천가톨릭대학교"},
					{Type:"Popup", Width:100},
					{Type:"PopupEdit", Width:100},
					{Type:"AutoSum", Align:"Right",Width:70,Format:"Integer"},
					{Type:"AutoAvg", Align:"Right",Width:70,Format:"Float", PointCount:1, ApproximateType:approx},
					{Type:"Int", Align:"Right", Format:"Integer",Width:70},
					{Type:"Float", Align:"Right", Format:"Float",Width:70, PointCount:1, ApproximateType:approx},
					{Type:"Date", Align:"Center", Format:"Ymd", Width:100},
					{Type:"Pass", Hidden:1},
					{Type:"CheckBox"},
					{Type:"Radio"}
		          ];
		
		mySheet.SetConfig(cfg);
		mySheet.InitHeaders(headers, info);
		mySheet.InitColumns(col);
		
		mySheet.FitColWidth();
		
		doAction('search');
	}
	
	function reload() {
		mySheet.Reset();
		createSheet();
	}
	
	/*Sheet 각종 처리*/
	function doAction(sAction) {
		
		switch(sAction) {
			case "search":		//조회
				mySheet.DoSearch("../data/sheet_data.xml");
				break;
		    break;
		}
	}
</script>
<title>실수형 자동반올림/내림/올림 예제</title>
</head>
<body>
<div id="main">
	<%@ include file="../../common/jsp/sheetNavi.jsp" %>
	<div id="title">실수형 자동반올림/내림/올림 예제</div>
	<div id="desc">
		읽어온 데이터 중 실수 데이터를 그대로 표현하지만, 소숫점 자릿수를 끊어서 표시하는 경우가 있다.<br>
		이때, ApproximateType를 사용하여 근사값 처리방식을 설정할 수 있다. (1:반올림, 2:내림, 3:올림)<br>
		ApproximateType 사용하지 않아도 소숫점을 제한할 경우, 기본적으로 반올림이 된다.
	</div>

	<div id="functionArea">
		<span>
			설정 :
			<select id="approx">
				<option value="1" selected>반올림</option>
				<option value="2">내림</option>
				<option value="3">올림</option>
			</select>
			<input type="button" value="조회하기" onclick="reload()">
		</span>
	</div>
	
	<div id="viewArea">
	</div>
</div>
</body>
</html>